import React from "react"
import { render } from "react-dom"

// React.createElement(标签名称，属性，子节点)  创建虚拟Dom
// let oDiv = React.createElement('div', {
//     id: "oBox"
// }, "我是子节点")

// // render(把谁要渲染到页面，挂载点, callback)   把虚拟dom渲染到页面

// render(oDiv, document.getElementById('root'), () => {
//     console.log('渲染完毕')
// })


let oLi1 = React.createElement('li', {}, '1')
let oLi2 = React.createElement('li', {}, '2')
let oLi3 = React.createElement('li', {}, '3')

let oUl = React.createElement('ul', {}, [oLi1, oLi2, oLi3])

// jsx  中可以写任意的js


render(oUl, document.getElementById('root'), () => {
    console.log('ul渲染完毕')
})
 

// 预习  jsx

// webpack  module()  plugins()
